<template>
  <div id="Search">
    <van-icon name="scan" />
    <div><van-icon name="search" /> 挑好房上安居客</div>
    <span>签到</span>
  </div>
</template>

<script>
export default {
  name: "Search",
  data() {
    return {
      scroll: 0,
      Num: 0,
    };
  },
  mounted() {
    var _this = this;
    document.addEventListener(
      "scroll",
      function () {
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        _this.Num = scrollTop / 30;
      },
      true
    );
  },
};
</script>

<style scoped>
#Search {
  height: 0.4rem;
  width: 3.24rem;
  border: 0.01rem solid #e5e5e5;
  padding: 0 0.08rem;
  font-size: 0.12rem;
  color: #aaa6a7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  /* position: absolute;
  left: 0.17rem;
  top: -0.2rem; */
  margin-top: -0.2rem;
  margin-left: 0.17rem;
  transform: scaleX(20px);
}
</style>
